@import '/assets/fonts/iconfont.wxss';
.contract-management {
  padding: 0 24rpx 0 16rpx;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;

  .search-sort {
    margin-bottom: 18rpx;
  }

  .panalBody {
    flex-grow: 1;
    height: 0;
  }

  .add-contract {
    border: 2rpx dashed #1989fa;
    color: #1989fa;
    text-align: center;
    margin-bottom: 32rpx;
    border-radius: 16rpx;
    background: #fff;
    position: relative;
    overflow: hidden;

    .iconfont {
      position: absolute;
      right: 0;
      top: 0;
      font-size: 130rpx;
      opacity: .1;
      color: #343a40;
      transform: rotate(-10deg) scale(1.2);
    }
    .add-contract-inner {
      display: flex;
      align-items: center;
      padding: 24rpx 20rpx;
    }


    .plus {
      font-size: 64rpx;
      margin-right: 24rpx;
      line-height: 1;
      font-weight: 300;
    }

    .add-text {
      font-size: 36rpx;
      line-height: 1;
      font-weight: 500;
    }
  }

  .contract-list {
    .contract-card {
      background: #fff;
      border-radius: 16rpx;
      margin-bottom: 18rpx;
      padding: 28rpx 10rpx 28rpx 34rpx;
      box-shadow: 0 4rpx 24rpx 0 rgba(0, 0, 0, 0.1);

      .card-header {
        display: flex;
        align-items: center;
        margin-bottom: 16rpx;

        .title {
          font-size: 32rpx;
          font-weight: bold;
          flex: 1;
        }

        .status {
          font-size: 20rpx;
          color: #2196f3;
          background: #e3f2fd;
          padding: 4rpx 8rpx;
          margin-left: 16rpx;
        }

        .pending {
          color: #ff5252;
          background: #ffeaea;
        }
      }

      .card-row {
        color: #555;
        font-size: 24rpx;
        margin-bottom: 10rpx;

        .text {
          color: #5F5F61;
        }
      }

      .card-footer {
        display: flex;
        justify-content: space-between;
        color: #999;
        font-size: 24rpx;
        margin-top: 30rpx;

        .code {
          margin-left: 32rpx;
        }
      }
    }
  }
}

.list-class {
  background-color: red;

  .van-action-sheet__item {
    width: 100%;
  }
}